{% extends 'account/base.html' %}
{% block title %}Join{% endblock %}
{% block body %}
    <div class="login-form padding20 block-shadow">
        <form method="post">
            {% csrf_token %}
            <h1 class="text-light">Account Create</h1>
            <hr class="thin"/>
            <br />
            <div class="input-control text full-size" data-role="input">
                <label for="user_login">User email:</label>
                <input type="email" name="username" id="user_login" value="{{username}}">
                <button class="button helper-button clear"><span class="mif-cross"></span></button>
            </div>
            <br />
            <br />
            <div class="input-control password full-size" data-role="input">
                <label for="user_password">User password:</label>
                <input type="password" name="password" id="user_password">
                <button class="button helper-button reveal"><span class="mif-looks"></span></button>
            </div>
            <br />
            <br />
            <div class="form-actions">
              <input type="hidden" name="next" value="{{ next }}" />
                <button type="submit" class="button primary">Join...</button>
                <a href="{% url 'account:login' %}" class="button link">Login</a>
            </div>
        </form>
    </div>
{% endblock %}
